<div class="container">
	<div class='row'>
		<div class='span12'>
			<form action="register" method="post" class="form-horizontal">
				<fieldset>
					<legend>Sign up</legend>
					<div class="control-group" id="uname-cg">
						<label class="control-label" for="username">Your name</label>
						<div class="controls">
							<input type="text" class="input-xlarge" id="username"
								onBlur="check_uernamer(this)"> <span class="help-inline"
								id="uname-hint"></span>
						</div>
					</div>

					<div class="control-group" id="email-cg">
						<label class="control-label" for="email">Your Email</label>
						<div class="controls">
							<input type="text" class="input-xlarge" id="email"
								onBlur="check_email(this)"> <span class="help-inline"
								id="email-hint"></span>
						</div>
					</div>

					<div class="control-group" id="psw-cg">
						<label class="control-label" for="password">Password</label>
						<div class="controls">
							<input type="password" class="input-xlarge" id="password"
								onBlur="check_psw(this)"> <span class="help-inline"></span>
						</div>
					</div>

					<div class="control-group" id="bname-cg">
						<label class="control-label" for="blogname">Blog Name</label>
						<div class="controls">
							<input type="text" class="input-xlarge" id="blogname"
								onBlur="check_bname(this)">
							<p class="help-block">the name of your blog to create</p>
							<span class="help-inline"></span>
						</div>
					</div>


				</fieldset>


				<div class="form-actions">
					<label class="btn btn-primary disabled" id="btn_sbmt">sign up for
						GMS</label>
				</div>



			</form>
		</div>
	</div>
</div>


<div class="modal hide fade" id="modal-pass">
	<div class="modal-header">
		<a class="close" data-dismiss="modal">×</a>
		<h3>Message</h3>
	</div>
	<div class="modal-body">
		<p>Sign up successfully!</p>
	</div>
	<div class="modal-footer">
		<a href="#" class="btn btn-primary">OK</a>
	</div>
</div>

<div class="modal hide fade" id="modal-fail">
	<div class="modal-header">
		<a class="close" data-dismiss="modal">×</a>
		<h3>Message</h3>
	</div>
	<div class="modal-body">
		<p>sorry~fail to sgin up...</p>
	</div>
	<div class="modal-footer">
		<a href="#" class="btn" onClick="$('#modal-fail').modal('hide')">OK</a>
	</div>
</div>

<script type="text/javascript"
	src="<?php echo base_url("public/script/register.js")?>"></script>
<script type="text/javascript"
	src="<?php echo base_url("public/script/navi.js")?>"></script>
